<template>
  <div class="body">
    <div class="header">考勤中心</div>
    <div class="center">
      <div class="main">
        <span>功能升级中......</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "attendance",
};
</script>

<style scoped>
.body {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
}
.header {
  background-color: rgb(255, 255, 255,0.5);
  font-size: 250%;
  padding-top: 2%;
}
.center {
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255,0.5);
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}
.main {
  background-color: rgb(255, 255, 255,0.5);
  width: 90%;
  height: 80%;
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}
</style>
